<p *ngIf="error" type="danger"><span [innerHTML]="error"></span></p>
<mat-card>
  <mat-spinner class="plugin-spinner" [diameter]='40' id="plugin-spinner" *ngIf="showSpinner"></mat-spinner>
  <form (ngSubmit)="onSubmit($event)" [formGroup]="formGroup">
    <div class="form-wrap">
      <ng-container *ngFor="let field of fieldConfig;">
        <div [ngClass]="field.class == 'inline' ? 'form-inline' : 'form-line'" fxFlex="100%" fxFlex.gt-xs="calc({{field.width}} - 16px)">
          <div id="dynamicField_{{field.name}}" dynamicField [config]="field" [group]="formGroup" [fieldShow]="'show'">
          </div>
        </div>
      </ng-container>
    </div>
    <mat-card-actions>
      <button class="btn btn-block btn-warning" type="submit" mat-button color="primary" [disabled]="!formGroup.valid || showSpinner"
        ix-auto ix-auto-type="button" ix-auto-identifier="SAVE">{{ "Save" | translate }} </button>
      <button *ngIf="route_success" (click)="goBack()" type="button" mat-button color="accent"
        ix-auto ix-auto-type="button" ix-auto-identifier="CANCEL">{{ "Cancel" | translate }}</button>
      <button type="button" (click)="goAdvanced()" mat-button color="primary"
        ix-auto ix-auto-type="button" ix-auto-identifier="ADVANCED PLUGIN INSTALLATION">{{ "Advanced Plugin Installation" | translate }}</button>
    </mat-card-actions>
  </form>
</mat-card>
